// 生成小组头像（显示组名）
export const generateGroupAvatar = (groupName) => {
  if (!groupName) return '';
  
  // 生成随机背景色
  const colors = [
    '#3498db', '#2ecc71', '#e74c3c', '#f39c12', '#9b59b6',
    '#1abc9c', '#d35400', '#c0392b', '#16a085', '#8e44ad'
  ];
  
  const colorIndex = Math.abs(groupName.split('').reduce((acc, char) => {
    return acc + char.charCodeAt(0);
  }, 0) % colors.length);
  
  const backgroundColor = colors[colorIndex];
  
  // 获取组名（如果超过4个字符则只取前4个字符）
  const displayName = groupName.length > 4 ? groupName.substring(0, 4) : groupName;
  
  // 根据文字长度动态调整字体大小
  const fontSize = displayName.length <= 2 ? 40 : displayName.length === 3 ? 35 : 30;
  
  // 创建SVG
  return `data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
    <rect width="100" height="100" fill="${backgroundColor}" />
    <text x="50" y="50" font-family="Arial" font-size="${fontSize}" fill="white" text-anchor="middle" dominant-baseline="central">${displayName}</text>
  </svg>`;
}; 